<template>
  <div class="app">
    <MyHeader />
    <section class="container">
      <nuxt/>
    </section>
  </div>
</template>

<script>
import MyHeader from '@/components/Header.vue'

export default {
  components: {
    MyHeader
  }
}
</script>


<style lang="scss">
@import "@/assets/css/index.scss";
.app {
  display: flex;
  flex-direction: column;
  .container {
    flex: 1;
    width: 1200px;
    margin: 50px auto;
    box-shadow: 0 0 6px #888888;
    padding: 40px 30px;
  }
}
</style>
